<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
   <script src="jQuery复习/jquery-3.3.1.js"></script>
 </head>
 <body>
    <ul>
	   <li>1</li>
	   <li>2</li>
	   <li>3</li>
	</ul>
	<button id="btn_01">解除事件</button>
	<button id="btn_02">解除命名空间事件</button>
 </body>
 <script>
    $("ul li").on("click",function(){
	    console.log($(this).html());
	});

    //事件类型的后面.demo表示当前事件所属demo命名空间
	$("ul li").on("click.demo",function(){
	    console.log("**"+$(this).html()+"**");
	});

	$("#btn_01").on("click",function(){
	    //解绑on的click事件
		$("ul li").off("click");

		//解绑on的所有事件
		$("ul li").off();

		//解绑所有on的click委托事件，所有子元素都会被取消
		$("ul li").off("click","**");
	});

	//解绑命名空间事件
	$("#btn_02").on("click",function(){
		//解绑了带命名空间的事件，其它命名空间的事件或者没有命名空间的事件
		//不受影响
	    $("ul li").off("click.demo");
	});
 </script>
</html>
